<template>
	<view class="page">
		<view class="user">
			<view class="user-li">
				<view class="pic"> 名 </view>
				<view class="name">
					用户名称
				</view>
				<view class="btn">
					<u-button @click="onBtn" type="warning" text="確認到場"></u-button>

				</view>
			</view>
			<view class="user-li">
				<view class="pic"> 名 </view>
				<view class="name">
					用户名称
				</view>
				<view class="btn">
					<u-button  type="warning"  :plain="true" text="已確定"></u-button>
				</view>
			</view>
		</view>
		
	</view>
</template>

<script>
	export default {
		data() {
			return {
				loginShow:true
			};
		},
		mounted() {
			
			
		},
		methods: {
			onBtn(){
				uni.showModal({
					title: '提示',
					content: '是否確認用戶到場',
					success: function (res) {
						if (res.confirm) {
							console.log('用户点击确定');
						} else if (res.cancel) {
							console.log('用户点击取消');
						}
					}
				});
			}
		}
	};
</script>

<style lang="scss">
.user{
	margin: 20px;
	.user-li{
		display: flex;
		line-height: 40px;
		border-bottom: 1px solid #ededed;
		padding: 15px 0;
		.btn{
			width: 30%;
		}
		.pic{
			font-size: 16px;
			font-weight: bold;
			width: 40px;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background: #290502;
			border-radius: 50%;
			color: #fff;
			margin-right: 10px;
		}
		.name{
			width: 50%;
		}
	}
}
</style>
